<template>
  <div id="demand-detail-item">
    <p>需求内容</p>
    <div class="demand-item-content">
      <div class="box">
        <span class="box-left">开发周期</span>
        <span>{{myperiod}}</span>
      </div>
      <div class="box">
        <span class="box-left">硬件要求</span>
        <span>{{myrequires}}</span>
      </div>
      <div class="box">
        <span class="box-left">系统和软件版本</span>
        <span>{{myversion}}</span>
      </div>
      <div class="box">
        <span class="box-left">达标要求</span>
        <span>{{mystandard}}</span>
      </div>
    </div>
    <p>雇主信息</p>
    <div class="employer-msg">
      <div class="box">
      <span class="box-left">地区</span>
      <span>{{myarea}}</span>
      </div>
      <div class="box">
      <span class="box-left">联系人</span>
      <span>{{mycontact}}</span>
      </div>
      <div class="box">
      <span class="box-left">电话号码</span>
      <span>{{myphone}}</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name:'DemandDetailItem',
  props:{
    myarea:'',
    myperiod:'',
    myphone:'',
    mycontact:'',
    myversion:'',
    myrequires:'',
    mystandard:''
  }
}
</script>
<style>
#demand-detail-item{
  font-size: 15px;
}
#demand-detail-item p{
  font-size: 22px;
  margin-bottom: 2%;
}
#demand-detail-item .box-left{
  display: inline-block;
  color:#969bab;
  width: 15%;
  margin-right: 3%;
}
#demand-detail-item .box{
  margin-bottom: 2%;
}
</style>